page-sugesstion {
  font-size: 1.625rem;
  .sugesstion{
    background-color: #EFEFF4;
    .complaint{
      .select-box{
        color: #b3b3b3;
        line-height:40px;
        text-align: center;
        background-color: #fff;
        border-bottom: 1px solid #EFEFF4;
        ion-select{
          max-width:none;
          padding:0;
        }
        .select-icon{
          top: 10px;
          right: 20px;
        }
      }
      .textarea-warp{
        width: 100%;
        height: 160px;
        padding:15px;
        background-color: #fff;
        textarea{
          width: 100%;
          height: 100%;
          padding-left: 10px;
          padding-top:10px;
          background-color: #EFEFF4;
          outline: none;
          resize: none;
          border: none;
        }
      }
      .btn-box{
        button{
          margin-top:20px;
          font-size: 1.625rem;
          height: 50px;
          background-color: rgba(144,195,31,.8);
          color: #fff;
        }
        button[disabled]{
          opacity: .7;
        }
      }
    }
    .complaint-detail{
      .title{
        font-size: 2rem;
        line-height:35px;
        background-color: #fff;
        border-bottom: 1px solid #EFEFF4;
        ion-col:last-child{
          text-align: right;
          font-size: 1.625rem;
        }
      }
      .content{
        color: #b3b3b3;
        background-color: #fff;
        margin-bottom:8px;
        .con{
          padding-left:10px;
          margin:8px;
          min-height: 150px;
          background-color: #EFEFF4;
        }
      }
      .notice{
        height: 200px;
        background-color: #fff;
        text-align: center;
        line-height:200px;
        margin-top:20px;
      }
      .ml_10{
        margin-left:10px;
      }
    }
  }
}
